<%-- $Id: detail_s.jsp 157 2011-07-26 03:34:47Z bs24event@gmail.com $ --%><%--
--%><%@page pageEncoding="UTF-8"%><%--
--%><%@ include file="/common/common.jsp"%><%--
--%><!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="robots" content="noindex,nofollow" />
<meta name="viewport" content="width=device-width , user-scalable=no" />
<link rel="stylesheet" href="/css/base_s.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css" />
<script src="/js/jquery-1.6.1.min.js"></script>
<script src="/js/jquery.mobile-1.0b1.min.js"></script>
<title>Gyoujibook イベント詳細</title>
	<script type="text/javascript">
	$(function(){
		$('.thumbnail img').hide();
	});
	var i = 0;
	var int=0;
	$(window).bind("load", function() {
		var int=setInterval("doThis(i)",300);
	});
	function doThis() {
		var imgs = $('.thumbnail img').length;
		if (i >= imgs) {
			clearInterval(int);
		}
		$('.thumbnail img:hidden').eq(0).fadeIn(300);
		i++;
	}
	</script>
</head>
<body>
<div data-role="page" data-theme="b">
	<%-- ヘッダー --%>
	<%@ include file="/common/header_s.jsp"%>
	<%-- コンテンツ --%>
	<div id="content" data-role="content">
		<ul data-role="listview">
			<li data-role="list-divider"><c:out value="${f:h(event.title)}" /></li>
			<li>
				<h3>日時</h3>
				<p>
				<fmt:formatDate value="${event.eventDate}" pattern="yyyy/MM/dd" />&nbsp;
				<c:out value="${f:h(event.eventStartHour)}"/>時
				<c:if test="${not empty event.eventStartMin && event.eventStartMin != 0}"><c:out value="${f:h(event.eventStartMin)}分"/></c:if>
				～
				<c:out value="${f:h(event.eventEndHour)}"/>時
				<c:if test="${not empty event.eventEndMin && event.eventEndMin != 0}"><c:out value="${f:h(event.eventEndMin)}分"/></c:if>
				</p>
			</li>
			<li>
				<h3>お店</h3>
				<p>
				<c:if test="${not empty event.place}"><c:out value="${f:h(event.place)}" /></c:if>
				<c:if test="${    empty event.place}">未定</c:if>
				</p>
			</li>
			<li>
				<h3>会費</h3>
				<p>
				<c:if test="${not empty event.fee}"><c:out value="${f:h(event.fee)}" /></c:if>
				<c:if test="${    empty event.fee}">未定</c:if>
				</p>
			</li>
			<li>
				<h3>予約名</h3>
				<p>
				<c:if test="${not empty event.reservedName}"><c:out value="${f:h(event.reservedName)}" /></c:if>
				<c:if test="${    empty event.reservedName}">未定</c:if>
				</p>
			</li>
			<li>
				<h3>備考</h3>
				<p>
				<c:if test="${not empty event.note}">${event.note}</c:if>
				<c:if test="${    empty event.note}">特になし</c:if>
				</p>
			</li>
			<li>
				<h3>場所(住所)</h3>
				<p>
				<c:if test="${not empty event.address}"><c:out value="${f:h(event.address)}" /><c:set var="map_address" scope="session" value="${f:h(event.address)}"/></c:if>
				<c:if test="${    empty event.address}">未登録<c:remove var="map_address" scope="session"/></c:if><br /><br />
				<c:if test="${not empty map_address}"><iframe style="width:500px;height:500px" src="/common/map" scrolling="no" frameborder="0"></iframe></c:if>
				</p>
			</li>
		</ul>
	</div><!-- contents end -->
	<%-- フッター --%>
	<%@ include file="/common/footer_s.jsp"%>
</div><!-- top end -->
</body>
</html>